<template>
  <div>
    <!-- 商品分类导航(全局) -->
    <TypeNav></TypeNav>
    <!--列表-->
    <listContainer></listContainer>
    <!--今日推荐-->
    <TodayRecommend></TodayRecommend>
    <!-- 商品排行 -->
    <Rank></Rank>
    <!-- 猜你喜欢 -->
    <Like></Like>
    <!--楼层-->
    <Floor v-for="i in floors" :key="i.id" :floor="i"></Floor>
    <!--商标-->
    <Brand></Brand>
  </div>
</template>

<script>
import listContainer from "./listContainer";
import TodayRecommend from "./TodayRecommend";
import Rank from "./Rank";
import Like from "./Like";
import Floor from "./Floor";
import Brand from "./Brand";
import { mapState } from "vuex";
export default {
  components: { listContainer, TodayRecommend, Rank, Like, Floor, Brand },
  name: "Hone",
  //计算属性
  computed:{
    ...mapState({
      floors:store=> store.home.mockfloor
    })
  },

};
</script>

<style>
</style>